$(function(){

    // 获得id参数的值
    let id = getParam('goodsId');
    console.log(id);
    
    // 如果用户登录，则移除登录提示信息
    if(!useInfo){
        $('.denglu a').on('click',function(){
            let callback = encodeURIComponent('http://xiaomi-shop.com/goods.html?goodsId=14');
            location.href = 'login.html?callback='+callback;
        })
    }else{
        $('.denglu').remove();
    }
    if(!id){
        layer.load(0); 
        let index = layer.alert('非法请求', {
            icon: 2,
            time: 0
        });
        setTimeout(function () {
            layer.close(index);
            location.href = './index.html';
        }, 1000);
    }

    // 获取商品详情信息渲染页面
    $.get(baseUrl + '/goods/detail',{goodsId:id},function(res){
        console.log(res);
        
        let html = `<span>${res.data.goodsName}</span>
        |
        <span>${res.data.goodsName}</span>`;
        $('.redmi p').html(html);

        // 商品id为18时更改渲染图片参数
        // if(id == 18){
        $('.phone .main>img').attr('src',res.data.goodsThumb);
        // }else{
            // $('.phone .main>img').attr('src',res.data.goodsImg[0].goodsImg);
        // }
        
        let html2 = `<h2>${res.data.goodsName}</h2>
        <p>${res.data.goodsBody}</p>
        <p>小米自营</p>
        <p>${res.data.shopPrice} 元 <span>${res.data.marketPrice}</span></p>`;
        $('.wrap .about').html(html2);

        let html3 = `<p>${res.data.goodsName}<span>&nbsp;${res.data.marketPrice}元</span><span>${res.data.shopPrice}元</span></p>
        <h2>总计：${res.data.shopPrice}元</h2>`
        $('.wrap .zongji').html(html3);
    },'json')

    // 加入购物车按钮
    $('.add-car a:eq(0)').on('click',function(){
        let goodsCount = '1';
        if(useInfo){
            // 用户已经登录，直接调用服务端接口信息加入购物车
            $.post(baseUrl + '/cart/add',{userId:useInfo.id,goodsId:id,goodsCount},function(res){
                console.log(res);
                if(res.code != 0){
                    layer.msg(res.msg);
                    return false;
                }
            },'json')
        }else{
            // 用户没有登录
            // 由于每次加入商品到购物车都需要判断是否已经添加。所以先需要从localstorage中获取到数据，然后进行比较。比较完成之后。最后将数据再次写入到localstorage中
            //  userCart不论是什么时候添加永远格式为一个对象。这个变量中记录了目前用户已经将那些商品加入到了购物车
            let userCart = localStorage.getItem('cart')?JSON.parse(localStorage.getItem('cart')):{};
            if(userCart[id]){
                // 目前要添加的商品已经被添加到了购物车中。以第二次加入的数量为准
                userCart[id] = goodsCount; 
            }else{
                // 目前要添加的商品没有被添加到购物车。所以需要添加元素进行记录
                userCart[id] = goodsCount;
            }
            // 需要将userCart变量中的数据保存到localstorage中存储
            localStorage.setItem('cart',JSON.stringify(userCart));
        }
        location.href = `flow.html?goodsId=${id}`;
        return false;
    })
})